<template>
	<div class="category">
		<h3>{{title}}分类</h3>
		<!-- 定义一个插槽 默认插槽 -->
		<slot>我是默认值，当没有传递具体结构时，会显示出来</slot>
		<!-- <ul>
			<li v-for="(item,index) in listData" :key="index">{{item}}</li>
		</ul> -->
	</div>
</template>

<script>
	export default{
		name:'Category',
		props:['title']
	}
</script>

<style scoped>
	.category{
		background-color: #aaaaff;
		width: 200px;
		height: 300px;
	}
	h3{
		text-align: center;
		background-color: #ffaa00;
	}
</style>
